<%= render partial: "highlight",
   locals: {highlight: "ex4", name:"Ex4: 如何替换和移除内容"} %>
   <p>
     <a id="my-replace-click">Replace</a>
     <a id="my-remove-click">Remove</a>
     <a id="my-remove-all-click">Remove All</a>
   </p>

   <div id="foo" style="border: 1px solid red;">
     <p>bar</p>
   </div>
   <div class="zoo"><p>a</p></div>
   <div class="zoo"><p>b</p></div>
   <div class="zoo"><p>c</p></div>

   <script>
     $("#my-replace-click").click(function(){
       $("#foo").replaceWith('<div id="foo" style="border: 1px solid green;"><p>bar</p></div>')
     });

     $("#my-remove-click").click(function(){
       $("#foo").remove()
     });

     $("#my-remove-all-click").click(function(){
       $(".zoo").remove()
     });
   </script>
